<template>
	<view class="flex">
		<view class="flex_box">
			<image class="imgurl_box" :src="imgurl" />
			<view style="display: flex;flex-direction: column;margin-left: 20rpx;">
				<text style="font-size: 30rpx;color: #747a6a;">
					{{ name }}
				</text>
				<text style="font-weight: 700;font-size: 46rpx;margin-top: 10rpx;">
					欢迎回来
				</text>
			</view>
		</view>
		<image v-if="standing == '处理厂操作员'||standing == '处理厂任务发布员'" @click="targetPage" style="width: 27.5%;height: 90rpx;"
			src="https://28-1325662301.cos.ap-shanghai.myqcloud.com/%E9%9D%92%E5%B2%9B%E5%B0%8F%E7%A8%8B%E5%BA%8F%2FGroup%202352.png"
			mode="widthFoix" />

	</view>
</template>
<script>
export default {
	props: {
		name: {
			type: String,
			default: '昵称'
		},
		standing: {
			type: String,
			default: '身份'
		},
		imgurl: {
			type: String,
			default: 'https://28-1325662301.cos.ap-shanghai.myqcloud.com/%E9%9D%92%E5%B2%9B%E5%B0%8F%E7%A8%8B%E5%BA%8F%2Ftouxiang.png'
		}
	},

	data() {
		return {}
	},
	methods: {
		targetPage() {
			uni.navigateTo({
				url: `/pagesPlant/index/noticeTran`
			});
		}
	}
}
</script>
<style lang="scss" scoped>
.flex_box {
	// padding: 40rpx;
	padding-top: 20rpx;
	padding-bottom: 20rpx;
	width: 95%;
	margin-left: 2.5%;
	display: flex;
	justify-content: flex-start;

	.imgurl_box {
		width: 100rpx;
		height: 100rpx;
		border-radius: 100rpx;
	}
}

.flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
</style>